body{background-color: black;}
body::after{background: none; height: auto;}

/* ---start--- */
.w-header{margin: 0; left:0; top:0; width: 100%; height: 86px; z-index: 300;}
.w-header .wh-logo{margin: 33px 0 0 18px;}
.w-header .wh-menu{padding-top:39px; padding-right: 48px; text-align: right;}
.w-header .wh-menu a{font-size:18px; color: #FFF;}
.w-header .wh-menu img{padding: 0 24px;}

.w-dots{width: 15px; height: 81px; right: 48px; top:342px; margin: 0; padding: 0; z-index: 200;}
.w-dots ul{margin: 0; padding: 0; list-style: none;}
.w-dots ul li{width: 15px; height: 15px; background: url(dot_d@3x.png) no-repeat 0 0; margin-bottom: 18px; transition: all 0.5s ease-in-out;}
.w-dots ul li:last-child{margin-bottom: 0px;}
.w-dots ul li.wd-selected{background: url(dot_ds@3x.png) no-repeat 0 0;}

.w-banner{left: calc(50% - 205px); top: 342px; margin: 0; padding: 0; width: 409px; opacity: 0; transition: all 0.5s ease-in-out; z-index: 100;}
.w-banner.w-banner-show{opacity: 1;}
.w-banner.w-banner-up{top: 285px;}
.w-banner .wh-want{width: 315px; height: 75px; transition: all 0.5s ease-in-out;}
.w-banner .wh-want.wh-want-zoomin{width: 122px; height: 29px;}
.w-banner .wh-slogan{margin-top: 42px; width: 41px; height: 7px; opacity: 1; transition: all 0.5s ease-in-out; opacity: 0;}
.w-banner .wh-slogan.wh-slogan-show{width: 409px; height: 65px; opacity: 1;}
.w-banner .wb-btns{width: 402px; margin: 0 auto; transition: all 0.5s ease-in-out; opacity: 0;}
.w-banner .wb-btns.wb-btns-up{margin-top: 32px; opacity: 1;}
.w-banner .wb-btns.wb-btns-down{margin-top: 54px; opacity: 1;}
.w-banner .wb-btns a{width: 180px; height: 54px; line-height: 52px; font-size: 18px; padding: 0; border: 1px solid #FFF; border-radius: 6px; color: #FFF;}
.w-banner .wb-btns a:last-child{margin-left: 42px;}

.w-images{margin: 0; padding: 0; position: fixed; width: 100%; height: 100%; overflow: hidden;}
.w-images p{position: absolute; width: 100%; height: 100%;}
.w-images img{width: 100%; height: 100%;}